Changing the Header Colour

Description

An extremely basic but versatile change that you could make is changing the colour of the header.

Steps

1. Open your newly named root folder.
2. Open the sub-folder with the same name.
3. Open the css folder.
4. Locate the file named header.css within this sub-folder.
5. Right Click and select Edit with Notepad++ or Open with Notepad.
6. In this file you will see code in a language known as css (Cascading Style Sheets). There is a variable within the body tag with the name background: and a value next to it. The value is called a hexadecimal value and it represents colours. Find the hexadecimal colour value desired for the background and replace the current value with it.



7. Save and close the file.
8. Locate client_temp.css file.
9. Right Click and select Edit with Notepad++ or Open with Notepad.
10. Press CTRL + F and type .navbar-inverse and press Enter.
11. Change each value apart from border-bottom after the # listed to your desired colour.



12. Save and close the file.
13. Proceed with the steps outlined in Uploading your new theme to your website.



New coloured header background